/* 
*userOnlinePay
*nzj
*2018/10/26
*/

@import "../../lib/base.less";
@color:#e64545;
body{background: #fff;}
a{text-decoration: none;}

.shop-header{border-bottom: 2px @color solid;}
.shop-main{width: 1200px;margin: 0 auto;margin-top: 45px;overflow: hidden; background-color: #ffffff;}
.shop-main .shop-main-top{ border: 1px solid #e1e1e1;overflow: hidden;}
.shop-main-top .shop-commodity{float: left; font-size: 14px; margin-left: 30px; margin-top: 62px;}
.shop-main-top .shop-commodity .shop-product-name{font-size: 12px; color: #333333;}
.shop-main-top .shop-commodity .shop-product-name:first-child{font-size: 14px;}
.shop-main-top .shop-commodity .shop-beneficiary{font-size: 14px; color: #999; margin-top: 6px;}
.shop-main-top .shop-commodity .shop-beneficiary span{color: @color;}

.shop-main-top .shop-amount-all{float: right; color: #666; margin-right: 30px; margin-top: 53px;overflow: hidden;}
.shop-main-top .shop-main-top .shop-amount-all > p {overflow: hidden;height: 24px;float: right;}
.shop-main-top .shop-amount-all > p > .shop-left{float: left;margin-top: 12px; font-size: 14px;}
.shop-main-top .shop-amount-all > p > .shop-right{color: #e64545; font-size: 24px; font-weight: 700; margin-left: 5px;float: right;line-height: 38px;}
.shop-main-top .shop-amount-all > .show-details{font-size: 14px; cursor:pointer;text-align: right; margin-top: 20px; margin-bottom: 53px; color: #999;float: none;clear:both;}
.shop-main-top .show-details img{margin-left: 5px;}

.shop-main .shop-orders{clear: both;color: #747474;padding: 0px 30px 0 30px;display: none;overflow: hidden;}
.shop-main .shop-orders .shop-orders-header{height: 40px;line-height: 40px;background-color: #f5f5f5;padding:0 20px 0 20px;width: auto;}
.shop-main .shop-orders .shop-pagination .shop-items{display: none;}
.shop-main .shop-orders .shop-pagination .shop-items-selected{display: block;}
.col1 , .col2 , .col3 , .col4 , .col5{display: inline-block;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.shop-main .shop-orders .col1{width: 221px;}
 .shop-main .shop-orders .col2{width: 219px;}
.shop-main .shop-orders .col3{width: 220px;}
.shop-main .shop-orders .col4{width: 221px;}
.shop-main .shop-orders .col5{}
.shop-main .shop-orders .shop-items .shop-item{padding: 0 20px 0 20px;line-height: 39px;border-bottom: 1px dashed #e5e5e5;height: 39px;}
.shop-main .shop-orders .shop-items .shop-last{border-bottom-style: solid;}
.shop-main .shop-orders .shop-pagination-element{padding: 0 20px 0 20px;}
.shop-main .shop-orders .shop-pagination-element span{width: 18px;display: inline-block;line-height: 42px;cursor:pointer;}
.shop-main .shop-orders .shop-pagination-element .shop-selected{color: #e64545;}

// 支付
.shop-main-pay{height: 488px; border: 1px #e1e1e1 solid; border-top: none;}
.shop-main-pay .shop-pay-alipay{width: 598px; height: 488px; border-right: 1px #e1e1e1 solid; text-align: center;}
.shop-main-pay .shop-pay-alipay .shop-pay-alipay-title{font-size: 18px; color: #333; line-height: 18px; margin: 40px 0 50px 0;}
.shop-main-pay .shop-pay-alipay .shop-pay-alipay-con{position: relative;}
.shop-main-pay .shop-pay-alipay .shop-pay-alipay-con img{width: 232px; height: 281px;}
.shop-main-pay .shop-pay-alipay .shop-pay-alipay-con span{position: absolute; bottom: 10px; left: 0px; width: 232px; font-size: 14px; text-align: center; color: #fff;}

.shop-main-pay .shop-pay-weixin{width: 599px; height: 488px; text-align: center;}
.shop-main-pay .shop-pay-weixin .shop-pay-weixin-title{font-size: 18px; color: #333; line-height: 18px; margin: 40px 0 50px 0;}
.shop-main-pay .shop-pay-weixin .shop-pay-weixin-con{position: relative;}
.shop-main-pay .shop-pay-weixin .shop-pay-weixin-con img{width: 232px; height: 281px;}
.shop-main-pay .shop-pay-weixin .shop-pay-weixin-con span{position: absolute; bottom: 10px; left: 0px; width: 232px; font-size: 14px; text-align: center; color: #fff;}
